<template>
  <div>
    <my-header></my-header>
    <!-- 路由占位符 会根据路径切换成对应组件-->
    <router-view></router-view>
    <my-footer></my-footer>
  </div>
</template>

<script>
import MyFooter from './components/MyFooter.vue'
import MyHeader from './components/MyHeader.vue'  
export default {
  components:{MyHeader,MyFooter},
}
</script>

<style lang="scss" scoped>
// 以下两个是所有页面都用的到的css
//利用@import全局引入
@import url('./assets/css/base.css');
@import url('./assets/css/animate.css');
</style>